<div class="alert alert-info">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    Xin chào <strong><?php echo $this->session->userdata('username');?></strong>! Tài khoản của bạn còn ???? ngày nữa.
</div>
<section class="social-box">
    <header class="header">
        <h4><i class="icon-bar-chart"></i> Hoạt động khảo sát của bạn <small>(Tính theo ngày)</small></h4>
        <div class="tools"></div>
    </header>
    <div class="body">
        <div id="demo-plot" class="plot">Tạo biểu đồ tại đây</div>
    </div>
</section>

<h4>Số dự án khảo sát hiện tại của bạn: <?php echo count($projectInfo);?> dự án</h4>
<div class="row-fluid">
    <div class="span12">
        <div class="social-box">
            <div class="header">
                <div class="btn-group hidden-phone">
                    <a class="btn btn-primary" id="add-row" href="<?php echo site_url('tao-khao-sat');?>"><i class="icon-pencil"></i> Thêm</a>
                </div>
                <div class="tools">
                    <button class="btn btn-success" data-toggle="collapse" data-target="#advanced-search"><i class="icon-filter"></i> Tìm kiếm nâng cao</button>
                    <div class="btn-group">
                        <button class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i></button>
                        <ul class="dropdown-menu pull-right">
                            <li><a href="#">In</a></li>
                            <li><a href="#">Lưu thành PDF</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Xuất ra Excel</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="body">
                <div id="advanced-search" class="collapse">
                  <table cellpadding="0" cellspacing="0" border="0" class="table table-hover table-condensed well">
                      <thead>
                          <tr>
                            <th>Đích</th>
                            <th>Tìm kiếm văn bản</th>
                            <th>Treat as regex</th>
                            <th>Sử dụng tìm kiếm thông minh</th>
                          </tr>
                      </thead>
                      <tbody>
                          <tr id="filter_global">
                              <td align="center">Tìm kiếm toàn cục</td>
                              <td align="center"><input type="text" name="global_filter" id="global_filter"></td>
                              <td align="center"><input type="checkbox" name="global_regex" id="global_regex"></td>
                              <td align="center"><input type="checkbox" name="global_smart" id="global_smart" checked></td>
                          </tr>
                          <tr id="filter_col1">
                              <td align="center">Rendering engine</td>
                              <td align="center"><input type="text" name="col1_filter" id="col1_filter"></td>
                              <td align="center"><input type="checkbox" name="col1_regex" id="col1_regex"></td>
                              <td align="center"><input type="checkbox" name="col1_smart" id="col1_smart" checked></td>
                          </tr>
                          <tr id="filter_col2">
                              <td align="center">Browser</td>
                              <td align="center"><input type="text" name="col2_filter" id="col2_filter"></td>
                              <td align="center"><input type="checkbox" name="col2_regex" id="col2_regex"></td>
                              <td align="center"><input type="checkbox" name="col2_smart" id="col2_smart" checked></td>
                          </tr>
                      </tbody>
                  </table>
              </div>
              <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="">
                  <thead>
                      <tr>
                          <th width="50%">Tên dự án</th>
                          <th>Người tạo</th>
                          <th>Ngày tạo</th>
                          <th>Loại</th>
                          <th>Phản hồi</th>
                      </tr>
                  </thead>
                  <tbody>
                    <?php
                          if(count($project) == 0){
                            echo "<tr class='odd'>";
                            echo "<td colspan='5'>Bạn chưa tạo dự án nào</td>";
                            echo "</tr>";
                          }else{
                            foreach ($projectInfo as $key => $val) {
                              
                              echo "<tr class='old' id='project".$val['survey_id']."'>";
                              echo "<td class='hov'><a class='survey_name' href='".$val['survey_link']."'>".$val['survey_name']."</a>";
                              echo "<div class='hidd abc123' style='margin-top:5px;'><small><a href='".site_url()."sua-khao-sat/".$val["survey_id"]."'>Sửa</a> | <a href='".site_url()."tao-cau-hoi-khao-sat/".$val["survey_id"]."'>Câu hỏi</a> | <a href=''>Xem trước</a> | <a href=''>Chia sẻ</a> <a href=''>Báo cáo</a> | <a href='' style='color:#f89406;'>Sao chép</a> | <a href='javascript:void(0)' data-id='".$val['survey_id']."' style='color:red;' class='del'>Xóa</a></small></div></td>";
                              echo "<td align='center'><small>".$val['username']."</small></td>";
                              echo '<td align="center"><small>'.$val['created_time'].'</small></td>';
                              echo '<td align="center"><span class="label label-inverse"><small>'.$val['type_name'].'</small></span></td>';
                              echo '<td align="center"><small>...</small></td>';
                              echo "</tr>";
                            }
                          }
                          ?>
                </tbody>
            </table>
        </div>
    </div> 
  </div>
</div>

<script>
  $(document).ready(function () {
    $(".hidd").css('visibility','hidden');
    $(".hov").mouseover(function() {
      var id = $(this).closest('tr').attr('id'); 
      $("#"+id+" .hidd").removeClass('abc123');
      $("#"+id+" .hidd").css('visibility','visible'); 
    });
    $(".hov").mouseout(function() { 
      var id = $(this).closest('tr').attr('id'); 
      $("#"+id+" .hidd").css('visibility','hidden'); 
      $("#"+id+" .hidd").addClass('abc123');
    }); 
 
    /*del project*/
    $('.del').on('click', function(e) {
        e.preventDefault();
        var id = $(this).data('id');
        $('#alert-del').data('id', id).modal('show');
    });

    $('#btnYes').click(function() {
        var id = $('#alert-del').data('id');
        $('#alert-del').modal('hide');
        var data = 'id=' + id ;
        $.ajax(
        {
             type: "POST",
             url: "<?php echo site_url('member/createSurvey/ajaxDelProject');?>",
             data: data,
             cache: false,
          
             success: function(rs)
             {
              if(rs=='1'){
                  $('#project'+id).fadeOut('slow', function() {$(this).remove();});
              }else{
                alert('Lỗi trong quá trình xóa dự án');
              }
            }
         }); 
    });
  });
</script>

<!-- popup-->
<div id="alert-del" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="left: 60%; width: 267px;">
    <div class="modal-header">
        <a href="#" data-dismiss="modal" aria-hidden="true" class="close">×</a>
         <h3>Xóa dự án</h3>
    </div>
    <div class="modal-body">
        <p>Bạn chắc chắn muốn xóa dự án này?</p>
    </div>
    <div class="modal-footer">

      <a href="javascript:void(0)" data-dismiss="modal" aria-hidden="true" class="btn secondary">Không</a>
      <a href="javascript:void(0)" id="btnYes" class="btn danger btn-primary">&nbsp;&nbsp;&nbsp;Có&nbsp;&nbsp;&nbsp;</a>
    </div>
</div>